<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>上门评估</title>
		<link rel="stylesheet" type="text/css" href="../../css/pinggu/map.css" />
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/pinggu/list.css" />
		<link rel="stylesheet" type="text/css" href="../../css/layer.css"/>
		<script src="../../js/layer.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<header class="positionR colorF height7">
			<img src="../../img/yihu/fanhui.png" onclick="window.history.go(-1)" />
			<div class="height30"></div>
			<div class="textC font1-4">上门评估</div>
		</header>
		<div id="main" class="positionR none">
			<div class="top width100">
				<ul class="overflowH PB10 PT10">
					<li class="width33_3 fl" v-for="n in 3">
						<div class="width70 font1-2 LH2 textC Mauto" v-bind:class="{ center: (isActive == n) }" @click="listtoggle(n)">
							{{titles[n-1]}}
						</div>
					</li>
				</ul>
			</div>
			<div class="content width100 height100" v-bind:class="{ none: (isActive != 1) }">
				<div id="container"></div>
				<div id="slider" class="mui-slider">
					<div class="mui-slider-group width80 height100 Mauto">
						<div class="mui-slider-item PT20 radius10P overflowH MR10" v-for="item in response" @click="openurl(item)">
							<div class="fl textC width30">
								<img class="headimg radius50" :src="ip+item.nursingIcon" onerror="this.src='../../img/yiyao/WomanElderly.png'" v-if="item.nursingGender == '女'" />
								<img class="headimg radius50" :src="ip+item.nursingIcon" onerror="this.src='../../img/yiyao/ManElderly.png'" v-else />
							</div>
							<div class="fl width65">
								<p class="font1-4" style="color: #222222;">{{item.nursingNmae}}</p>
								<p class="font1 colorC"><img class="xiaoimg" src="../../img/pinggu/01.png" />&nbsp;&nbsp;预约时间: {{item.nursingTime}}</p>
								<p class="font1 colorC"><img class="xiaoimg" src="../../img/pinggu/02.png" />&nbsp;&nbsp;服务地址：{{item.address}}</p>
							</div>
						</div>
						<div class="mui-slider-item radius10P">
							<p class="font1-8 LH3 colordc">&nbsp;&nbsp;没有更多了。。。</p>
						</div>
					</div>
				</div>
			</div>
			<div class="content width100 height100 overflowA" v-if="isActive != 1">
				<div style="height: 5rem;"></div>
				<div class="nocomplet width95 Mauto overflowH radius10P">
					<div class="month width100">
						<ul class="textC overflowH width100 PT10 PB10 colorF">
							<!--点击会触发pickpre函数，重新刷新当前日期 @click(vue v-on:click缩写) -->
							<li class="arrow fl width33_3 font1-2" @click="pickPre(currentYear,currentMonth)">上月</li>
							<li class="year-month fl width33_3 font1-4" @click="pickYear(currentYear,currentMonth)">
								<span class="choose-year">{{ currentYear }}</span>
								<span class="choose-month">{{ currentMonth }}月</span>
							</li>
							<li class="arrow fl width33_3 font1-2" @click="pickNext(currentYear,currentMonth)">下月</li>
						</ul>
					</div>
					<!-- 星期 -->
					<ul class="weekdays width100 textC overflowH LH2">
						<li>日</li>
						<li>一</li>
						<li>二</li>
						<li>三</li>
						<li>四</li>
						<li>五</li>
						<li>六</li>

					</ul>
					<!-- 日期 -->
					<ul class="days textC overflowH" v-bind:class="{heightrem:packup}">
						<li class="radius50" v-for="(dayobject,index) in days" v-bind:class="{ bgday : (dayobject.day.toLocaleDateString() == daysclick)}" @click="clickevent(index,dayobject.day)">
							<span v-bind:class="{colorC:dayobject.colorC,textdec:dayobject.isSign}">{{dayobject.today ? "今天":dayobject.day.getDate() }}</span>
						</li>
					</ul>
					<div class="packup textC PT5 PB5" @click="packup = !packup">
						<img src="../../img/pinggu/05.png" />
					</div>
				</div>
				<!--列表-->
				<ul class="tasklist width100 PB10">
					<li class="width95 Mauto overflowH radius10P MT20" v-for="(item,index) in response2">
						<!--<div class="top font1-4 PL20 LH3">
							订单编号：{{item.orderId}}
						</div>-->
						<div class="chenter PL10 PR10">
							<p class="font1-4 LH3">
								<img class="headimg radius50" :src="ip+item.nursingIcon" onerror="this.src='../../img/yiyao/WomanElderly.png'" v-if="item.nursingGender == '女'" />
								<img class="headimg radius50" :src="ip+item.nursingIcon" onerror="this.src='../../img/yiyao/ManElderly.png'" v-else /> &nbsp;&nbsp;{{item.nursingNmae}}&nbsp;&nbsp;
								<img class="xingbie" src="../../img/yihu/03.png" v-if="item.nursingGender == '女'" /><img class="xingbie" src="../../img/yihu/04.png" v-else/></p>
							<p class="dianhua font1-2 colorC LH2 PL10"><img src="../../img/pinggu/06.png" />&nbsp;&nbsp;联系电话：{{item.nursingPhone}}</p>
							<p class="dianhua font1-2 colorC LH2 PL10"><img src="../../img/yihu/02.png" />&nbsp;&nbsp;预约时间：{{item.nursingTime}}</p>
							<p class="dianhua font1-2 colorC LH2 PL10"><img src="../../img/yiyao/02.png" />&nbsp;&nbsp;地址：{{item.address}}</p>
							<div class="bord" v-if="isActive == 2"></div>
							<div class="" v-if="isActive == 2">
								<button class="chakan fr PB5 PT5 PL20 PR20 MT10 MB10 MR15 radius5P" v-if="item.nursingId == objanswer.nursingId" @click="offlineajax(index)">离线上传</button>
								<!--<button class="chakan2 fr PB5 PT5 PL20 PR20 MT10 MB10 MR15 radius5P" onclick="window.location.href='lnto_project.html' ,sessionStorage.info_progect = item.nursingId ;" v-else>去评估</button>-->
								<button class="chakan2 fr PB5 PT5 PL20 PR20 MT10 MB10 MR15 radius5P" @click="openurl(item)" v-else>去评估</button>

							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="allcommomn_backdrop textC radius10P"><img class="height3R" src="../../img/home/loading.gif" /></div>
		<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/jquary.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.2&key=您申请的key值"></script>
		<script src="../../js/pinggu/list.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>